<!DOCTYPE html>
<html lang="en">
<head><meta name="generator" content="Hexo 3.9.0">
  <meta charset="utf-8">
  
  
  
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>
    
    ZhiYinQ</title>
  
    <link rel="shortcut icon" href="/favicon.icon">
  
  <link rel="stylesheet" href="/css/style.css">
  
    <link rel="stylesheet" href="/fancybox/jquery.fancybox.min.css">
  
  <script src="/js/pace.min.js"></script>
</head>
</html>
<link href="https://cdn.staticfile.org/animate.css/3.7.2/animate.min.css" rel="stylesheet">

<body>
<main class="content">
  <section class="outer">
  <style>
.pag a:link, .pag a:visited {
    opacity: 1;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear;
    color: #424242;
}
.pag a:hover {
    color: #ffffff;
}
.pag :hover {
    background-color: #127ea9;
}
</style>

<article id="page-" class="article article-type-page" itemscope itemprop="blogPost" data-scroll-reveal>
  
  <div class="article-inner">
    

    
    

    <div class="article-entry" itemprop="articleBody">
      
      
      
        <!DOCTYPE html>
<html lang="zh">

<head><meta name="generator" content="Hexo 3.9.0">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
    </script>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({
        google_ad_client: "ca-pub-8550836177608334",
        enable_page_level_ads: true
    });
    </script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="viggo">
    <link rel="shortcut icon" href="../assets/images/favicon.png">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
    <link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
    <link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../assets/css/bootstrap.css">
    <link rel="stylesheet" href="../assets/css/xenon-core.css">
    <link rel="stylesheet" href="../assets/css/xenon-components.css">
    <link rel="stylesheet" href="../assets/css/xenon-skins.css">
    <link rel="stylesheet" href="../assets/css/nav.css">
    <script src="../assets/js/jquery-1.11.1.min.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="page-body">
    <!-- skin-white -->
    <div class="page-container">
        <div class="sidebar-menu toggle-others fixed">
            <div class="sidebar-menu-inner">
                <header class="logo-env">
                    <!-- logo -->
                    <div class="logo-i">
                        <!-- <a href="index.html" class="logo-expanded"> -->
                            <!-- <img src="../assets/images/logo@2x.png" width="100%" alt="" /> -->
                        <!-- </a> -->
                        <a href="index.html" class="logo-collapsed">
                            <img src="../assets/images/logo-collapsed@2x.png" width="40" alt>
                        </a>
                    </div>
                    <div class="mobile-menu-toggle visible-xs">
                        <a href="#" data-toggle="mobile-menu">
                            <i class="fa-bars"></i>
                        </a>
                    </div>
                </header>
                <ul id="main-menu" class="main-menu">
                    <li>
                        <a href="#常用推荐" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">常用推荐</span>
                        </a>
                    </li>
                    <li>
                        <a href="#社区资讯" class="smooth">
                            <i class="linecons-doc"></i>
                            <span class="title">社区资讯</span>
                        </a>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-lightbulb"></i>
                            <span class="title">灵感采集</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#发现产品" class="smooth">
                                    <span class="title">发现产品</span>
                                </a>
                            </li>
                            <li>
                                <a href="#界面灵感" class="smooth">
                                    <span class="title">界面灵感</span>
									<!-- <span class="label label-pink pull-right hidden-collapsed">Hot</span> -->
                                </a>
                            </li>
							<li>
                                <a href="#UED团队" class="smooth">
                                    <span class="title">UED团队</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-thumbs-up"></i>
                            <span class="title">素材资源</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#图标素材" class="smooth">
                                    <span class="title">图标素材</span>
                                </a>
                            </li>
                            <li>
                                <a href="#设计素材" class="smooth">
                                    <span class="title">设计素材</span>
                                </a>
                            </li>
                            <li>
                                <a href="#字体资源" class="smooth">
                                    <span class="title">字体资源</span>
                                </a>
                            </li>
                            <li>
                                <a href="#样机PPT" class="smooth">
                                    <span class="title">样机PPT</span>
                                </a>
                            </li>
                            <li>
                                <a href="#摄影图库" class="smooth">
                                    <span class="title">摄影图库</span>
                                </a>
                            </li>
                            <li>
                                <a href="#软件资源" class="smooth">
                                    <span class="title">软件资源</span>
                                </a>
                            </li>
							<li>
                                <a href="#视频制作" class="smooth">
                                    <span class="title">视频制作</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-diamond"></i>
                            <span class="title">常用工具</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#在线配色" class="smooth">
                                    <span class="title">在线配色</span>
                                </a>
                            </li>
                            <li>
                                <a href="#在线工具" class="smooth">
                                    <span class="title">在线工具</span>
                                </a>
                            </li>
                            <li>
                                <a href="#Chrome插件" class="smooth">
                                    <span class="title">Chrome插件</span>
                                </a>
                            </li>

                        </ul>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-pencil"></i>
                            <span class="title">学习教程</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#视频教程" class="smooth">
                                    <span class="title">视频教程</span>
                                </a>
                            </li>
                            <li>
                                <a href="#学习讨论" class="smooth">
                                    <span class="title">学习讨论</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#喜马拉雅" class="smooth">
                            <i class="linecons-user"></i>
                            <span class="title">喜马拉雅</span>
                        </a>
                    </li>
					<li>
                        <a>
                            <i class="linecons-user"></i>
                            <span class="title">哔哩哔哩</span>
                        </a>
                        <ul>
							<li>
                                <a href="#动漫，影视" class="smooth">
                                    <span class="title">动漫，影视</span>
                                </a>
                            </li>
                            <li>
                                <a href="#游戏，生活" class="smooth">
                                    <span class="title">游戏，生活</span>
                                </a>
                            </li>
                            <li>
                                <a href="#音乐，剪辑" class="smooth">
                                    <span class="title">音乐，剪辑</span>
                                </a>
                            </li>
							<li>
                                <a href="#科技，科普" class="smooth">
                                    <span class="title">科技，科普</span>
                                </a>
                            </li>
							<li>
                                <a href="#教程，摄影" class="smooth">
                                    <span class="title">教程，摄影</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main-content">
            <nav class="navbar user-info-navbar" role="navigation">
                <!-- User Info, Notifications and Menu Bar -->
                <!-- Left links for user info navbar -->
                <ul class="user-info-menu left-links list-inline list-unstyled">
                    <li class="hidden-sm hidden-xs">
                        <!-- <a href="#" data-toggle="sidebar"> -->
                            <!-- <i class="fa-bars"></i> -->
                        <!-- </a> -->
                    </li>
                </ul>
            </nav>
            <!-- 常用推荐 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常用推荐"></i>常用推荐</h4>
            <div class="row">
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://github.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://github.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/github.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>GitHub</strong>
                                </a>
                                <p class="overflowClip_2">学习，分享，共同来构建软件</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.zdfans.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.zdfans.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/zd423.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ZD423</strong>
                                </a>
                                <p class="overflowClip_2">各种破解软件产地</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://bbs.zhiyoo.com/forum.php?mod=forumdisplay&fid=2&filter=author&orderby=dateline', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="'http://bbs.zhiyoo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/zhiyou.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>智友论坛</strong>
                                </a>
                                <p class="overflowClip_2">安卓壁纸安卓手机软件下载</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lookae.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.lookae.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/dazonglian.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>LOOKAE</strong>
                                </a>
                                <p class="overflowClip_2">大众脸影视后期特效</p>
                            </div>
                        </div>
                    </div>
                </div>	
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ui.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.ui.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/uicn.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>UI中国</strong>
                                </a>
                                <p class="overflowClip_2">图形交互与界面设计交流、作品展示、学习平台。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.zcool.com.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.zcool.com.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/zcool.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>站酷</strong>
                                </a>
                                <p class="overflowClip_2">中国人气设计师互动平台</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.52pojie.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.52pojie.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/52.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>吾爱破解</strong>
                                </a>
                                <p class="overflowClip_2">安卓破解|病毒分析|破解软件</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://topbook.cc/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://topbook.cc/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/topbook.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Topbook</strong>
                                </a>
                                <p class="overflowClip_2">高效生活视频书</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!-- END 常用推荐 -->
            <!-- 社区资讯 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="社区资讯"></i>社区资讯</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.leiphone.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.leiphone.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/leiphone.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>雷锋网</strong>
                                </a>
                                <p class="overflowClip_2">人工智能和智能硬件领域的互联网科技媒体</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://36kr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://36kr.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/36kr.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>36kr</strong>
                                </a>
                                <p class="overflowClip_2">创业资讯、科技新闻</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lieyunwang.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.lieyunwang.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/lieyunwang.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>猎云网</strong>
                                </a>
                                <p class="overflowClip_2">互联网创业项目推荐和创业创新资讯</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.niaogebiji.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.niaogebiji.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/niaogebiji.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>鸟哥笔记</strong>
                                </a>
                                <p class="overflowClip_2">移动互联网第一干货平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.woshipm.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.woshipm.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/woshipm.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>人人都是产品经理</strong>
                                </a>
                                <p class="overflowClip_2">产品经理、产品爱好者学习交流平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.chanpin100.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.chanpin100.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/chanpin100.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>产品壹佰</strong>
                                </a>
                                <p class="overflowClip_2">为产品经理爱好者提供最优质的产品资讯、原创内容和相关视频课程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sspai.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://sspai.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/sspai.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>少数派</strong>
                                </a>
                                <p class="overflowClip_2">高品质数字消费指南</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 社区资讯 -->
            <!-- 发现产品 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="发现产品"></i>发现产品</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://topbook.cc/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://topbook.cc/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/topbook.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Topbook</strong>
                                </a>
                                <p class="overflowClip_2">高效生活视频书</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://idesign.qq.com/#!index/site', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://idesign.qq.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/shejdh.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>设计导航</strong>
                                </a>
                                <p class="overflowClip_2">腾讯高质量设计导航</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.volf.club/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.volf.club/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/langpaidh.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>狼牌导航</strong>
                                </a>
                                <p class="overflowClip_2">狼牌工作网址导航</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.egouz.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.egouz.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/waiguowz.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>EGOUZ</strong>
                                </a>
                                <p class="overflowClip_2">外国网站推荐</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row">
			<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://forbloger.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://forbloger.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/bokedh.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>博客导航</strong>
                                </a>
                                <p class="overflowClip_2">独立又小众的优秀圈子</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.mackxin.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.mackxin.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/mackxin.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>馨客栈</strong>
                                </a>
                                <p class="overflowClip_2">关注分享，关注导航</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://youquhome.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://youquhome.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/youquwz.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>有趣网址之家</strong>
                                </a>
                                <p class="overflowClip_2">收藏全球最有趣的网站</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.duososo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.duososo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/duoss.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>多搜搜</strong>
                                </a>
                                <p class="overflowClip_2">多种搜索结合</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row">
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://xilinjie.cc/hao/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://xilinjie.cc/hao/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/xilinj.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>西林街</strong>
                                </a>
                                <p class="overflowClip_2">小众网站导航，微信小程序导航</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 发现产品 -->
            <!-- 界面灵感 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="界面灵感"></i>界面灵感</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://collectui.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://collectui.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/CollectUI.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Collect UI</strong>
                                </a>
                                <p class="overflowClip_2">每日灵感来自日常的ui档案信及其他档案馆</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ui.uigreat.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://ui.uigreat.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/uiuigreat.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>UI uigreat</strong>
                                </a>
                                <p class="overflowClip_2">APP界面截图参考</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://androidniceties.tumblr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://androidniceties.tumblr.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/AndroidNiceties.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Android Niceties</strong>
                                </a>
                                <p class="overflowClip_2">精美的Android应用程序。对Android UI规范的启发和洞察力</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.reallygoodux.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.reallygoodux.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/ReallyGoodUX.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Really Good UX</strong>
                                </a>
                                <p class="overflowClip_2">找到了一些非常好的用户体验的例子</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.awwwards.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.awwwards.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/awwwards.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Awwwards</strong>
                                </a>
                                <p class="overflowClip_2">互联网上的设计，创意和创新奖</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://thefwa.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://thefwa.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/fwa.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>The FWA</strong>
                                </a>
                                <p class="overflowClip_2">FWA的使命是展示最前沿的创造力，无论使用何种媒介或技术。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://web.uedna.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://web.uedna.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/WebInspiration.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>WebInspiration</strong>
                                </a>
                                <p class="overflowClip_2">网页设计欣赏,全球顶级网页设计</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--END 界面灵感 -->
            <br>
			<!-- UED团队 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="UED团队"></i>UED团队</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://tgideas.qq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://tgideas.qq.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/tgideas.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>TGideas</strong>
                                </a>
                                <p class="overflowClip_2">TGideas隶属于腾讯公司互动娱乐业务系统的专业推广类设计团队</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://isux.tencent.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://isux.tencent.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/isux.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ISUX</strong>
                                </a>
                                <p class="overflowClip_2">腾讯社交用户体验设计部</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ued.baidu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://ued.baidu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/uedbaidu.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>百度用户体验中心</strong>
                                </a>
                                <p class="overflowClip_2">百度用户体验中心</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://jdc.jd.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://jdc.jd.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/jdc.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>京东设计中心</strong>
                                </a>
                                <p class="overflowClip_2">京东设计中心</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://eicodesign.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://eicodesign.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/eico.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>eico design</strong>
                                </a>
                                <p class="overflowClip_2">数字化咨询与产品专家</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END UED团队 -->
            <!-- 图标素材 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="图标素材"></i>图标素材</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.iconfont.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.iconfont.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/iconfont.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>iconfont</strong>
                                </a>
                                <p class="overflowClip_2">阿里巴巴矢量图标库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://iconmonstr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://iconmonstr.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/iconmonstr.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>iconmonstr</strong>
                                </a>
                                <p class="overflowClip_2">一个创作者运行的简单图标的免费</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://material.io/icons/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://material.io/icons/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/Materialicons.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Material icons</strong>
                                </a>
                                <p class="overflowClip_2">Material是一个设计系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ionicons.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://ionicons.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/ionicons.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ion icons</strong>
                                </a>
                                <p class="overflowClip_2">精美的开源图标，支持SVG和Web格式</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://findicons.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://findicons.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/FindIcons.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>FindIcons</strong>
                                </a>
                                <p class="overflowClip_2">500,000+矢量图标下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://icomoon.io/app/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://icomoon.io/app/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/IcoMoonApp.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>IcoMoonApp</strong>
                                </a>
                                <p class="overflowClip_2">矢量图标包，IcoMoon应用程序和托管图标作为SVG或字体</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.easyicon.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.easyicon.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/easyicon.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>easyicon</strong>
                                </a>
                                <p class="overflowClip_2">PNG、ICO、ICNS格式图标搜索、图标下载服务</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.flaticon.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.flaticon.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/flaticon.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>flaticon</strong>
                                </a>
                                <p class="overflowClip_2">PNG，SVG，EPS，PSD和BASE 64种格式提供免费的图标。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.iconsfeed.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.iconsfeed.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/iconsfeed.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Iconsfeed</strong>
                                </a>
                                <p class="overflowClip_2">iOS 图标库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://iosicongallery.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://iosicongallery.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/iosicongallery.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>iOS Icon Gallery</strong>
                                </a>
                                <p class="overflowClip_2">ios App Store展示精美的图标设计</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://worldvectorlogo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://worldvectorlogo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/worldvectorlogo.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>World Vector Logo</strong>
                                </a>
                                <p class="overflowClip_2">下载矢量标志，你喜欢的品牌</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://instantlogosearch.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://instantlogosearch.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/InstantLogoSearch.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Instant Logo Search</strong>
                                </a>
                                <p class="overflowClip_2">立即搜索并下载数千个徽标</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 图标素材 -->
            <!-- 设计素材 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="设计素材"></i>设计素材</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.freepik.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.freepik.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/freepik.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>freepik</strong>
                                </a>
                                <p class="overflowClip_2">找到免费的矢量图，股票照片，PSD和图标</p>
                            </div>
                        </div>
                    </div>
				</div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://medialoot.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://medialoot.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/Medialoot.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Medialoot</strong>
                                </a>
                                <p class="overflowClip_2">数以千计的字体，图标，图形，模板，界面等</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.sketchcn.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.sketchcn.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/sketchcn.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Sketch中文网</strong>
                                </a>
                                <p class="overflowClip_2">分享最新的Sketch中文手册</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://developer.apple.com/ios/human-interface-guidelines', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://developer.apple.com/ios/human-interface-guidelines">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/human_interface_guidelines.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Human Interface Guidelines</strong>
                                </a>
                                <p class="overflowClip_2">iOS设计规范</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.58pic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.58pic.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/qiantu.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>千图网</strong>
                                </a>
                                <p class="overflowClip_2">专注免费设计素材下载的网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://588ku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://588ku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/qianku.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>千库网</strong>
                                </a>
                                <p class="overflowClip_2">免费png图片背景素材下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ooopic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.ooopic.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/wotu.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>我图网</strong>
                                </a>
                                <p class="overflowClip_2">我图网,提供图片素材及模板下载,专注正版设计作品交易</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://90sheji.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://90sheji.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/90sheji.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>90设计</strong>
                                </a>
                                <p class="overflowClip_2">电商设计（淘宝美工）千图免费淘宝素材库</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.nipic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.nipic.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/nipic.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>昵图网</strong>
                                </a>
                                <p class="overflowClip_2">原创素材共享平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lanrentuku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.lanrentuku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/lanrentuku.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>懒人图库</strong>
                                </a>
                                <p class="overflowClip_2">懒人图库专注于提供网页素材下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://so.ui001.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://so.ui001.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/sousucai.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>素材搜索</strong>
                                </a>
                                <p class="overflowClip_2">设计素材搜索聚合</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://psefan.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://psefan.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/psefan.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PS饭团网</strong>
                                </a>
                                <p class="overflowClip_2">不一样的设计素材库！让自己的设计与众不同！</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://freebiesbug.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://freebiesbug.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/freebiesbug.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Freebiesbug</strong>
                                </a>
                                <p class="overflowClip_2">为网页设计师和开发人员精心挑选的资源，不断更新。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://freebiesupply.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://freebiesupply.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/freebiesupply.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Freebie Supply</strong>
                                </a>
                                <p class="overflowClip_2">XD,Sketch,Ps和Ai最新鲜的设计资源。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.yrucd.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.yrucd.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/yrucd.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>云瑞</strong>
                                </a>
                                <p class="overflowClip_2">优秀设计资源的分享网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://designmodo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://designmodo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/Designmodo.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Designmodo</strong>
                                </a>
                                <p class="overflowClip_2">设计免费的美丽电子邮件和网站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://xituqu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://xituqu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/xituqu.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>稀土区</strong>
                                </a>
                                <p class="overflowClip_2">优质设计开发资源分享</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ui8.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://ui8.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/ui8.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ui8</strong>
                                </a>
                                <p class="overflowClip_2">3,040个策划的设计资源，为您的创意工作流程注入活力</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.uplabs.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.uplabs.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/uplabs.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>uplabs</strong>
                                </a>
                                <p class="overflowClip_2">为设计师，创意机构和开发人员寻找高质量设计资源的地方</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.uikit.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.uikit.me/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/uikitme.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>UIkit.me</strong>
                                </a>
                                <p class="overflowClip_2">最便捷新鲜的uikit资源下载网站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 设计素材 -->
            <!-- 字体资源 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="字体资源"></i>字体资源</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.foundertype.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.foundertype.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/Fondertype.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>方正字库</strong>
                                </a>
                                <p class="overflowClip_2">方正字库官方网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ziticq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://ziticq.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/ziticq.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>字体传奇网</strong>
                                </a>
                                <p class="overflowClip_2">中国首个字体品牌设计师交流网</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://sicangziti.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://sicangziti.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/sicangziti.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>私藏字体</strong>
                                </a>
                                <p class="overflowClip_2">优质字体免费下载站</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.fontex.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.fontex.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/fontex.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Fontex</strong>
                                </a>
                                <p class="overflowClip_2">下载最佳字体，免费用于商业用途。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			 <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ps123.net/Index.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.ps123.net/Index.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/ps123.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PS123</strong>
                                </a>
                                <p class="overflowClip_2">Ps字体,教程大全Ps123.Net</p>
                            </div>
                        </div>
                    </div>
                </div>
			</div>	
            <br>
            <!--END 字体资源 -->
            <!-- 样机PPT -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="样机PPT"></i>样机PPT</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://dunnnk.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://dunnnk.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/Dunnnk.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Dunnnk</strong>
                                </a>
                                <p class="overflowClip_2">我们生成美丽apple的样机</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.graphberry.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.graphberry.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/graphberry.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Graphberry</strong>
                                </a>
                                <p class="overflowClip_2">完美资源，免费用于个人和商业用途</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://threed.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://threed.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/threed.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Threed</strong>
                                </a>
                                <p class="overflowClip_2">生成3D样机，就在你的浏览器</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.1ppt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.1ppt.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/diyippt.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>第一PPT</strong>
                                </a>
                                <p class="overflowClip_2">幻灯片模板_PPT模版免费下载</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.officeplus.cn/Template/Home.shtml', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.officeplus.cn/Template/Home.shtml">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/officeplus.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>OfficePLUS</strong>
                                </a>
                                <p class="overflowClip_2">OfficePLUS，微软Office官方在线模板网站！</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ypppt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.ypppt.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/ypppt.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>优品PPT</strong>
                                </a>
                                <p class="overflowClip_2">高质量的模版，而且还有PPT图表，PPT背景图等资源</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.tretars.com/ppt-templates', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.tretars.com/ppt-templates">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/tretars.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>tretars</strong>
                                </a>
                                <p class="overflowClip_2">一个免费分享高逼格PPT的网站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END Mockup -->
            <!-- 摄影图库 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="摄影图库"></i>摄影图库</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://unsplash.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://unsplash.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/unsplash.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Unsplash</strong>
                                </a>
                                <p class="overflowClip_2">Beautiful,由各地的创作者提供支持。.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://visualhunt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://visualhunt.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/visualhunt.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>visualhunt</strong>
                                </a>
                                <p class="overflowClip_2"> 100％免费高品质照片</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pixabay.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://pixabay.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/pixabay.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>pixabay</strong>
                                </a>
                                <p class="overflowClip_2">可在任何地方使用的免费图片和视频</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://magdeleine.co/browse/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://magdeleine.co/browse/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/magdeleine.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>magdeleine</strong>
                                </a>
                                <p class="overflowClip_2">精心挑选的免费照片为您的灵感</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://stocksnap.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://stocksnap.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/StockSnap.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>StockSnap</strong>
                                </a>
                                <p class="overflowClip_2">每周增加数百个高分辨率图像，免受版权限制。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://albumarium.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://albumarium.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/albumarium.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>albumarium</strong>
                                </a>
                                <p class="overflowClip_2">寻找和分享美丽图像的最佳地点</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://myphotopack.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://myphotopack.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/myphotopack.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>myphotopack</strong>
                                </a>
                                <p class="overflowClip_2">免费照片包适合您，每个月。</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.hdwallpapers.net', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.hdwallpapers.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/hdwallpapers.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>hdwallpapers</strong>
                                </a>
                                <p class="overflowClip_2">精选的高清壁纸，免费下载，每日更新。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://papers.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://papers.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/papers.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>papers</strong>
                                </a>
                                <p class="overflowClip_2">每小时壁纸！手收集:)</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lifeofpix.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.lifeofpix.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/lifeofpix.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>lifeofpix</strong>
                                </a>
                                <p class="overflowClip_2">免费高分辨率摄影</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pexels.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.pexels.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/pexels.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>pexels</strong>
                                </a>
                                <p class="overflowClip_2">创作者分享的最佳免费图片和视频</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://streetwill.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://streetwill.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/streetwill.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>streetwill</strong>
                                </a>
                                <p class="overflowClip_2">高清图片分享</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.textures.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.textures.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/textures.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>textures</strong>
                                </a>
                                <p class="overflowClip_2">3D纹理，图形设计和Photoshop！</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ssyer.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.ssyer.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/ssyer.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>沙沙野</strong>
                                </a>
                                <p class="overflowClip_2">让作品遇见全世界</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 摄影图库 -->
            <!-- 软件资源 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="软件资源"></i>软件资源</h4>
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.zdfans.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.zdfans.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/zd423.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ZD423</strong>
                                </a>
                                <p class="overflowClip_2">各种破解软件产地</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.3xiazai.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.3xiazai.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/dumucl.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>独木成林</strong>
                                </a>
                                <p class="overflowClip_2">绿色软件下载大全</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://yx.bsh.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://yx.bsh.me/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/yixing.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>异星</strong>
                                </a>
                                <p class="overflowClip_2">感受不一样的精彩体验！</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://faxian.appinn.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://faxian.appinn.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/appinn.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>小众软件</strong>
                                </a>
                                <p class="overflowClip_2">在这里发现更多有趣的应用</p>
                            </div>
                        </div>
                    </div>
                </div>
			</div>	
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://zuimeia.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://zuimeia.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/zuimeiyy.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>最美应用</strong>
                                </a>
                                <p class="overflowClip_2">一起发现好用、好看、好玩的应用</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://uwp.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://uwp.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/uwp.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>UWP.CN</strong>
                                </a>
                                <p class="overflowClip_2">Win10通用应用分享平台</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://wefocu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://wefocu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/weidianfx.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>WeFocu</strong>
                                </a>
                                <p class="overflowClip_2">微点分享-多点快乐</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://bbs.zhiyoo.com/forum.php?mod=forumdisplay&fid=2&filter=author&orderby=dateline', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="'http://bbs.zhiyoo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/zhiyou.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>智友论坛</strong>
                                </a>
                                <p class="overflowClip_2">安卓壁纸安卓手机软件下载</p>
                            </div>
                        </div>
                    </div>
                </div>
			</div>	
            <br>
            <!--END 软件资源 -->
			<!-- 视频制作 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="视频制作"></i>视频制作</h4>
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lookae.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.lookae.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/dazonglian.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>LOOKAE</strong>
                                </a>
                                <p class="overflowClip_2">大众脸影视后期特效</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.aigei.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.aigei.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/aigei.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>爱给</strong>
                                </a>
                                <p class="overflowClip_2">音效配乐_模型视频,游戏素材,免费下载</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://videohive.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://videohive.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/videohive.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>videohive</strong>
                                </a>
                                <p class="overflowClip_2">视频效果和素材库免版权</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.videezy.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.videezy.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/videezy.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Videezy</strong>
                                </a>
                                <p class="overflowClip_2">免费高清素材影片及 4K视频！</p>
                            </div>
                        </div>
                    </div>
                </div>
			</div>	
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://koukaongen.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://koukaongen.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/yx3.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>音效3</strong>
                                </a>
                                <p class="overflowClip_2">版税免费音效材料</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://5sing.kugou.com/index.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://5sing.kugou.com/index.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/5sing.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>5Sing</strong>
                                </a>
                                <p class="overflowClip_2">中国原创音乐基地5SING</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://app.soundstripe.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://app.soundstripe.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/soundstripe.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>soundstripe</strong>
                                </a>
                                <p class="overflowClip_2">最好的免版税制作音乐</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.yugaopian.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="'https://www.yugaopian.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/yugaopian.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>预告片世界</strong>
                                </a>
                                <p class="overflowClip_2">最新电影预告片免费下载</p>
                            </div>
                        </div>
                    </div>
                </div>
			</div>	
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.cgmao.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.cgmao.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/cgmao.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>CG猫</strong>
                                </a>
                                <p class="overflowClip_2">影视后期制作分享交流平台！</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.newcger.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.newcger.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/newcger.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>新CG儿</strong>
                                </a>
                                <p class="overflowClip_2">数字视觉分享平台</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.vfx123.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.vfx123.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/vfx123.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>VFX123</strong>
                                </a>
                                <p class="overflowClip_2">MAC影视后期资源站</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sc.ji-qi.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="'https://sc.ji-qi.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/jiqi.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>机器设计素材</strong>
                                </a>
                                <p class="overflowClip_2">设计素材下载</p>
                            </div>
                        </div>
                    </div>
                </div>
			</div>	
            <br>
            <!--END 视频制作 -->
            <!-- 在线配色 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="在线配色"></i>在线配色</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://uigradients.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://uigradients.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/uigradients.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>uigradients</strong>
                                </a>
                                <p class="overflowClip_2">美丽的彩色渐变</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://webkul.github.io/coolhue/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://webkul.github.io/coolhue/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/Coolest.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Coolest</strong>
                                </a>
                                <p class="overflowClip_2">Cooleat精心挑选Gradient Huea为您的下一个惊人的吸引力</p>
                            </div>
                        </div>
                    </div>
                </div>
				
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://webgradients.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://webgradients.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/webgradients.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>webgradients</strong>
                                </a>
                                <p class="overflowClip_2">180个线性渐变的免费集合</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.grabient.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.grabient.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/grabient.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>grabient</strong>
                                </a>
                                <p class="overflowClip_2">可调节精美渐变色</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.flatuicolorpicker.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.flatuicolorpicker.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/flatuicolorpicker.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>flatuicolorpicker</strong>
                                </a>
                                <p class="overflowClip_2">平面设计中使用的颜色集合纯色</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://qrohlf.com/trianglify-generator/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://qrohlf.com/trianglify-generator/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/trianglify.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>trianglify</strong>
                                </a>
                                <p class="overflowClip_2">生成低多边形背景，纹理和矢量的工具。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://klart.co/colors/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://klart.co/colors/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/klart.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>klart</strong>
                                </a>
                                <p class="overflowClip_2">美观和数据驱动的调色板</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.vanschneider.com/colors', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.vanschneider.com/colors">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/vanschneider.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>vanschneider</strong>
                                </a>
                                <p class="overflowClip_2">为我未来的项目收集和组合独特的颜色</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 在线配色 -->
            <!-- 在线工具 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="在线工具"></i>在线工具</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://tinypng.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://tinypng.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/tinypng.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>tinypng</strong>
                                </a>
                                <p class="overflowClip_2">智能PNG和JPEG压缩</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ezgif.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://ezgif.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/ezgif.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ezgif</strong>
                                </a>
                                <p class="overflowClip_2">在线GIF制作工具和基本动画GIF编辑工具集</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://bigjpg.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://bigjpg.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/bigjpg.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Bigjpg</strong>
                                </a>
                                <p class="overflowClip_2">AI人工智能图片放大</p>
                            </div>
                        </div>
                    </div>
				</div>	
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.aconvert.com/cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.aconvert.com/cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/Aconvert.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Aconvert</strong>
                                </a>
                                <p class="overflowClip_2">在线转换文档，图像，视频，音频文件</p>
                            </div>
                        </div>
                    </div>
				</div>	
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.gaoding.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.gaoding.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/gaoding.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>稿定抠图</strong>
                                </a>
                                <p class="overflowClip_2">免费在线抠图软件,图片快速换背景-抠白底图</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ffkuaidu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.ffkuaidu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/kuaidu.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>讯飞快读</strong>
                                </a>
                                <p class="overflowClip_2">媲美真人效果的长篇文字朗读工具</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.samcodes.co.uk/project/geometrize-haxe-web/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.samcodes.co.uk/project/geometrize-haxe-web/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/Geometrize.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Geometrize Web Demo</strong>
                                </a>
                                <p class="overflowClip_2">将图像几何化为几何图元</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://tool.lu/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://tool.lu/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/gongju.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>在线工具</strong>
                                </a>
                                <p class="overflowClip_2">程序员的工具箱</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			 <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://vectormagic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://vectormagic.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/shil.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong> 矢量魔术</strong>
                                </a>
                                <p class="overflowClip_2">图图像转换为真正的SVG矢量</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.chuangkit.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.chuangkit.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/chuangkit.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>创客贴</strong>
                                </a>
                                <p class="overflowClip_2">在线稿定设计印刷</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://aismartvip.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://aismartvip.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/zimu.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>语音自动生成字幕</strong>
                                </a>
                                <p class="overflowClip_2">基于百度语音技术、业界领先的语音识别技术</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://zhitu.isux.us/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://zhitu.isux.us/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/zhitu.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>智图</strong>
                                </a>
                                <p class="overflowClip_2">高效优质的图片优化平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.jiumodiary.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.jiumodiary.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/jj.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>鸠摩搜索</strong>
                                </a>
                                <p class="overflowClip_2">文档搜索引擎</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.365editor.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.365editor.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/365.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>365微信编辑器</strong>
                                </a>
                                <p class="overflowClip_2">图文美化公众号内容编辑</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://bj.96weixin.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://bj.96weixin.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/96.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>96微信编辑器</strong>
                                </a>
                                <p class="overflowClip_2">微信公众平台图文排版工具在线内容编辑软件</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.toolnb.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.toolnb.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/aizl.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>爱资料在线工具</strong>
                                </a>
                                <p class="overflowClip_2">270多款好用的在线工具箱</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://tools.imiku.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://tools.imiku.me/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/mgongju.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>MikuTools - 工具集合</strong>
                                </a>
                                <p class="overflowClip_2">有趣的小功能，数量还在持续增加中</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://waifu2x.udp.jp/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://waifu2x.udp.jp/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/w2.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>waifu2x</strong>
                                </a>
                                <p class="overflowClip_2">用卷积神经网络对动漫风格的图片放大操作</p>
                            </div>
                        </div>
                    </div>
                </div>
				
            </div>
            <br>
            <!--END 在线工具 -->
            <!-- Chrome插件 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Chrome插件"></i>Chrome插件</h4>
            <div class="row">
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.cnplugins.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.cnplugins.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/chajw.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Chrome插件网</strong>
                                </a>
                                <p class="overflowClip_2">谷歌浏览器插件下载</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.tampermonkey.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.tampermonkey.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/tampermonkey.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Tampermonkey</strong>
                                </a>
                                <p class="overflowClip_2">最为流行的用户脚本管理器</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://greasyfork.org/zh-CN', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://greasyfork.org/zh-CN">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/greasyfork.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Greasy Fork</strong>
                                </a>
                                <p class="overflowClip_2">提供用户脚本的网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://usepanda.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://usepanda.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/usepanda.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Panda</strong>
                                </a>
                                <p class="overflowClip_2">熊猫是简单的免费新闻阅读器</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			 <div class="row">
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://userscripts-mirror.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://userscripts-mirror.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/userscripts.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Userscripts</strong>
                                </a>
                                <p class="overflowClip_2">这里有成千上万个免费脚本</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://openuserjs.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://openuserjs.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/OpenUserJS.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>OpenUserJS</strong>
                                </a>
                                <p class="overflowClip_2">用户脚本存储库</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://cn.infinitynewtab.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://cn.infinitynewtab.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/Infinity.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Infinity新标签页</strong>
                                </a>
                                <p class="overflowClip_2">插件，高效的管理你的常用网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://adblockplus.org/zh_CN/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://adblockplus.org/zh_CN/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/AdblockPlus.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Adblock Plus</strong>
                                </a>
                                <p class="overflowClip_2">插件，更清洁的网络，屏蔽烦人的广告</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END Chrome插件 -->
            <!-- 视频教程 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="视频教程"></i>视频教程</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://doyoudo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://doyoudo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/doyoudo.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>doyoudo</strong>
                                </a>
                                <p class="overflowClip_2">创意设计软件学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.mingrisoft.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.mingrisoft.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/mingrisoft.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>明日科技</strong>
                                </a>
                                <p class="overflowClip_2">专注编程教育二十年！</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.imooc.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.imooc.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/imooc.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>慕课网</strong>
                                </a>
                                <p class="overflowClip_2">程序员的梦工厂</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.php.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.php.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/php.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>php中文网</strong>
                                </a>
                                <p class="overflowClip_2">免费在线学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://uiiiuiii.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://uiiiuiii.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/uu.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>优优教程网</strong>
                                </a>
                                <p class="overflowClip_2">学教程找灵感就上优优</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://biaoyansu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://biaoyansu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/biao.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>表严肃</strong>
                                </a>
                                <p class="overflowClip_2">不要水，讲干货·表严肃</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.fenby.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.fenby.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/fenby.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Fenby</strong>
                                </a>
                                <p class="overflowClip_2">专业面向初学者的在线互动编程学习的平台</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.bestcbooks.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://www.bestcbooks.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/book.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>计算机书籍控</strong>
                                </a>
                                <p class="overflowClip_2">整理最全最经典的计算机书籍</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://uxcoffee.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://uxcoffee.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/uxcoffee.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>UX Coffee</strong>
                                </a>
                                <p class="overflowClip_2">《UX Coffee 设计咖》是一档关于用户体验的播客节目。我们邀请来自硅谷和国内的学者和职人来聊聊「产品设计」、「用户体验」和「个人成长」。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://anyway.fm/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://anyway.fm/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/anyway.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Anyway.FM</strong>
                                </a>
                                <p class="overflowClip_2">设计杂谈 • UI 设计师 JJ 和 Leon 主播的设计播客</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.yineng.fm', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.yineng.fm">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/yineng.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>异能电台</strong>
                                </a>
                                <p class="overflowClip_2">将全宇宙设计师的故事讲给你听。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 视频教程 -->
            <!-- 学习讨论 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="学习讨论"></i>学习讨论</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://github.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://github.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/github.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>GitHub</strong>
                                </a>
                                <p class="overflowClip_2">学习，分享，共同来构建软件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.w3school.com.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.w3school.com.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/w3.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>W3school</strong>
                                </a>
                                <p class="overflowClip_2">领先的 Web 技术教程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.runoob.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.runoob.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/cainiao.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>菜鸟教程</strong>
                                </a>
                                <p class="overflowClip_2">学的不仅是技术，更是梦想！</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://materliu.github.io/code-guide/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://materliu.github.io/code-guide/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/Code.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Code Guide</strong>
                                </a>
                                <p class="overflowClip_2">工程师代码书写习惯，代码规范</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.52pojie.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.52pojie.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/52.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>吾爱破解</strong>
                                </a>
                                <p class="overflowClip_2">安卓破解|病毒分析|破解软件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://bbs.sunofbeaches.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://bbs.sunofbeaches.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/sos.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>阳光沙滩</strong>
                                </a>
                                <p class="overflowClip_2">为大学生解bug，专治各种不服</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://bbs.gfan.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="http://bbs.gfan.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/jif.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>机锋论坛</strong>
                                </a>
                                <p class="overflowClip_2">最全面的中文安卓论坛</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ai.yanxishe.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://ai.yanxishe.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/ai.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Al研习社</strong>
                                </a>
                                <p class="overflowClip_2">研习Al产学研新知</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 学习讨论 -->
             <!-- 喜马拉雅 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="喜马拉雅"></i>喜马拉雅</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ximalaya.com/yinyue/3595841/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.ximalaya.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/x_huign.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>总有这样的歌只想一个人听</strong>
                                </a>
                                <p class="overflowClip_2">音乐/灰姑娘音乐</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ximalaya.com/keji/4156778/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.ximalaya.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/x_kexygs.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>科学有故事</strong>
                                </a>
                                <p class="overflowClip_2">IT科技/汪诘</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ximalaya.com/yule/3263095/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.ximalaya.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/x_baisnsx.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>百思女神秀</strong>
                                </a>
                                <p class="overflowClip_2">娱乐/群播</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ximalaya.com/qinggan/2896755/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.ximalaya.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/x_taynm.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>他与柠檬 | 每日晚安</strong>
                                </a>
                                <p class="overflowClip_2">情感生活/挥霍</p>
                            </div>
                        </div>
                    </div>
                </div>
			</div>	
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ximalaya.com/keji/4310827/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.ximalaya.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/x_huid2049.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>回到2049</strong>
                                </a>
                                <p class="overflowClip_2">IT科技/知识就是力量</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ximalaya.com/qinggan/261324/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.ximalaya.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/x_cunbsg.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>纯白时光</strong>
                                </a>
                                <p class="overflowClip_2">情感生活/NJ大白</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ximalaya.com/yinyue/11670410/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.ximalaya.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/x_yinygw.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>音乐港湾</strong>
                                </a>
                                <p class="overflowClip_2">音乐/叶舟</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ximalaya.com/shangye/4512647/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.ximalaya.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/x_qijj.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>齐俊杰看财经</strong>
                                </a>
                                <p class="overflowClip_2">商业财经/齐俊杰</p>
                            </div>
                        </div>
                    </div>
                </div>
			</div>	
			<div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ximalaya.com/qinggan/2741816/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.ximalaya.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/x_yunxb.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>语你相伴-陪你入眠</strong>
                                </a>
                                <p class="overflowClip_2">情感生活/NJ语瞳</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ximalaya.com/qinggan/5784997/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.ximalaya.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/x_yigr.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>一个人的小小酒馆</strong>
                                </a>
                                <p class="overflowClip_2">情感生活/小酒馆</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ximalaya.com/jiaoyu/14820593/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.ximalaya.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/x_luoyhyl.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>罗永浩语录</strong>
                                </a>
                                <p class="overflowClip_2">教育培训/周周库</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ximalaya.com/shangye/3375687/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="https://www.ximalaya.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/x_qinspyq.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>秦朔朋友圈</strong>
                                </a>
                                <p class="overflowClip_2">商业财经/秦朔</p>
                            </div>
                        </div>
                    </div>
                </div>
			</div>
				<!--END 喜马拉雅 -->
				<!-- bilibili -->
				<style>
					.bili{
						height:30px;
						padding-top: 1px !important;
						margin-top: 10px !important;	
						padding : 0px !important;
						margin-right: 2px;
					}
					.bili img{
						margin: 1px;
					}
					.lh{
						line-height: 27px;
					}
				</style>
			<!-- 动漫，影视 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="动漫，影视"></i>动漫，影视</h4>
            <div class="row ">
                <div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/27669924/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="海贼王，瞎扯">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/1.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>外行员</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/21837784/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="浓缩电影精华让你一遍看懂">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/2.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>阿斗归来了</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/295723/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="土豆六道，逗乐">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/3.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>★⑥檤轮囬★</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/14781644/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="代表作《老烟斗鬼故事》系列视频节目">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/5.png" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>老烟斗鬼故事</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/123938419/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="新更会一周，周一会更新。眼保健操开始……">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/6.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>嘻咦啊看</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/14333871/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="在这里你可以看到最奇葩最脑洞的电影！">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/7.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>吐嚎影院</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row ">
                <div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/79061224/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="定期更新影视解说视频">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/8.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>刘老师说电影</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/17819768/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="电影最TOP视频节目，每周三更新">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/9.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>电影最TOP</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/307367742/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="我是老烟斗，我喜欢看电影，我要认真解读每一部经典!">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/1_1.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>老烟斗看电影</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/74123814/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="解读电影，品味人生">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/1_2.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>阿木讲电影</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/269319344/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="漫画解说">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/1_3.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>光影笔墨</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/254576906/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="好喜欢爱做饭的芋头和多多小姐姐！！！">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/1_4.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>少年看电影</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row ">
                <div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/387068064/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="忧郁与欢笑的影视解说频道， 伴随你生活上的精彩与动力！">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/1_5.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>马姿幽达</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/14506388/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="主业是搞笑，副业是吐槽！">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/1_6.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>哎呀我去刘老师</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/99336697/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="杂谈，影视">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/1_8.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>树根龙门阵</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/270355850/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="用心解读每一部好电影。每周一三五更新，偶尔会加更">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/1_9.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>何止电影</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/240769971/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="人物志	,解读电影">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/1_10.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>神烦XP</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 动漫，影视 -->
			<!-- 游戏，生活 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="游戏，生活"></i>游戏，生活</h4>
            <div class="row ">
                <div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/122879/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="单机游戏恶搞讲解类视频作者">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/11.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>敖厂长</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/1565155/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="是大腿，游戏快乐传递者">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/12.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>起小点是大腿</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open(https://space.bilibili.com/14769838/'', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="电竞伊鲁卡，嘴遁忍者，被王者耽误的相声演员，脱口秀段子手诗人">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/13.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>大胡子解说</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/2206456/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="精神分裂症+间歇性失忆症，一个清新的游戏解说">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/14.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>花少北丶</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/617285/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="中国网游史系列">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/15.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>芒果冰OL</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/13354765/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="游戏解说，生活区">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/16.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>徐大虾咯</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row ">
                <div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/1950209/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="王者荣耀：水一亦寒">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/17.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>水一大魔王</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/13816406/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="一位女程序员在土澳搬砖">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/18.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>鱼也不是奇</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/98573631/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="一个除了美貌与才华一无是处的女孩子">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/24.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>鹿小草QAQ</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/364605395/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="文字瞎扯">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/19.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>暗部世界</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/390371228/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="知心，知TA，知你，希望我们的声音能触动你的灵魂">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/20.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>知心者联盟</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/13873513/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="一个让你变得更好的频道">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/11_2.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>树熊时间</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row ">
                <div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/80900494/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="没有那么多的猎奇故事，故事听了就会忘，所以我们要挖掘故事，探索更深的地方">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/11_1.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>捕月说</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/38351330/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="沙雕主义动画师">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/11_3.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>阿幕降临</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 游戏，生活 -->
			<!-- 音乐，剪辑 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="音乐，剪辑"></i>音乐，剪辑</h4>
            <div class="row ">
                <div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/15989779/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="原创音乐人，钢琴">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/21.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>昼夜夜</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/9550310/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="原创音乐人，古风">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/22.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>萧忆情Alex</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/7389578/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="把全世界都唱给你听">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/23.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>奇然liya</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/30074205/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="想我就记得来看看我呀，评论都会看呢！">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/25.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>宁采臣丶在唱歌</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/20506803/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="中耳狂魔，专注燃系。剪辑">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/4.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>弑雨i</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/888465/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="动漫剪辑">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/1_11.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>暗猫の祝福</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row ">
                <div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/16007794/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="用综漫表达对二次元的爱。A.T.I MAD Team成员">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/1_12.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>皮卡丘の旺旺</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/306805/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="电影级动画混剪 ">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/1_13.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>小小☆精灵</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/6792899/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="不定期更新。【日影混剪】">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/10.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>竹棘</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/335692980/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="别看我 看视频！">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/1_7.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>百万剪辑狮</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 音乐，剪辑 -->
			<!-- 科技，科普 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="科技，科普"></i>科技，科普</h4>
            <div class="row ">
                <div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/3766866/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="最客观、真实的数码产品测试以及体验!">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/31.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>科技美学</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/7994065/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="科技资讯「科技三分钟」">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/32.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>腾讯叮当</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/98205115/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="趣谈武器故事，解析***装备，讲故事背后的故事。">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/33.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>戎马军师</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/97177641/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="都是些你不知道的。">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/34.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>混乱博物馆</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/24356170/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="生产干货满满的科技视频">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/35.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>啃芝士</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/96799370/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="MUZI用视频的方式，让你足不出户就看遍世界">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/36.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>MUZI看世界</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row ">
                <div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/100825369/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="《十万个品牌故事》出品团队">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/37.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>十万个品牌故事</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/29959830/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="我们关心技术，但更关心技术对人的意义。">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/38.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>Topbook</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/235994975/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="用特殊的视角为你解读当红人物">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/39.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>乾视频	</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/367877/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="交流买本心得，帮助电脑小白。我们是笔记本电脑爱好者">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/40.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>笔吧评测室</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/346098914/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="每一个人都可以成为测试者，天天发放各种好玩的数码产品！">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/31_1.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>大家测</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/18690024/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="我很好奇。视频方向为科普与杂谈。">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/31_2.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>-阿健-</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="row ">
                <div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/567673/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="科技杂谈">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/31_3.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>红酒汤姆一世</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/363584502/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="太空探索系列">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/31_4.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>表象的本质</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 科技，科普 -->
			<!-- 教程，摄影 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="教程，摄影"></i>教程，摄影</h4>
            <div class="row ">
                <div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/12360828/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="视频教程 剪辑 premiere 教程 AE">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/41.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>江君是也</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/39642124/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="【视频后期制作】">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/42.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>爱生活的乐先生</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/21151219/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="一个拥有200+位优秀摄影师的国内摄影组织">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/43.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>8KRAW_OFFICIAL</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/20503549/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="我们有一个网站，叫做 doyoudo.com，里面有好多好多教程～">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/46.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>doyoudo</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/9458053/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="中学物理老师一枚，无中生友">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/44.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>李永乐老师官方</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-2 col-xs-6">
                    <div class=" bili xe-widget xe-conversations box2 label-info " onclick="window.open('https://space.bilibili.com/14565796/', '_blank')" data-toggle="tooltip" data-placement="bottom" title data-original-title="更多摄影教程和搭配素材">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="../assets/images/logos/45.jpg" class="img-circle" width="25">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong class="lh"><center>本叔就是本切鸣</center></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			
            <br>
            <!--END 教程，摄影 -->
            
            <!-- Main Footer -->
            <!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
            <!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
            <!-- Or class "fixed" to  always fix the footer to the end of page -->
        </div>
    </div>
    <!-- 锚点平滑移动 -->
    <script type="text/javascript">
    $(document).ready(function() {
        $(document).on('click', '.has-sub', function(){
            var _this = $(this)
            if(!$(this).hasClass('expanded')) {
               setTimeout(function(){
                    _this.find('ul').attr("style","")
               }, 300);
              
            } else {
                $('.has-sub ul').each(function(id,ele){
                    var _that = $(this)
                    if(_this.find('ul')[0] != ele) {
                        setTimeout(function(){
                            _that.attr("style","")
                        }, 300);
                    }
                })
            }
        })
        $('.user-info-menu .hidden-sm').click(function(){
            if($('.sidebar-menu').hasClass('collapsed')) {
                $('.has-sub.expanded > ul').attr("style","")
            } else {
                $('.has-sub.expanded > ul').show()
            }
        })
        $("#main-menu li ul li").click(function() {
            $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
            $(this).addClass('active'); // 添加当前元素的样式
        });
        $("a.smooth").click(function(ev) {
            ev.preventDefault();

            public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
            ps_destroy();
            $("html, body").animate({
                scrollTop: $($(this).attr("href")).offset().top - 30
            }, {
                duration: 500,
                easing: "swing"
            });
        });
        return false;
    });

    var href = "";
    var pos = 0;
    $("a.smooth").click(function(e) {
        $("#main-menu li").each(function() {
            $(this).removeClass("active");
        });
        $(this).parent("li").addClass("active");
        e.preventDefault();
        href = $(this).attr("href");
        pos = $(href).position().top - 30;
    });
    </script>
    <!-- Bottom Scripts -->
    <script src="../assets/js/bootstrap.min.js"></script>
    <script src="../assets/js/TweenMax.min.js"></script>
    <script src="../assets/js/resizeable.js"></script>
    <script src="../assets/js/joinable.js"></script>
    <script src="../assets/js/xenon-api.js"></script>
    <script src="../assets/js/xenon-toggles.js"></script>
    <!-- JavaScripts initializations and stuff -->
    <script src="../assets/js/xenon-custom.js"></script>
</body>

</html>

      
    </div>
    <footer class="article-footer">
      <!--<a data-url="https://github3982.github.io/share/index.html" data-id="ck1vxnc2m0034iwq098ovmu80"
         class="article-share-link">分享</a>“”“分享按钮”“”-->
      
	  
    </footer>

  </div>

  
    

  

  

</article>



</section>
  <footer class="footer">
  <div class="outer">
    <div class="float-right">
      <ul class="list-inline">
  
    <!--<li><i class="fe fe-smile-alt"></i> <span id="busuanzi_value_site_uv"></span></li>-->
  
</ul>
    </div>
    <ul class="list-inline">
      <li>&copy; 2019 ZhiYinQ</li>
      <li>Powered by <a style="text-decoration: none !important;">Hexo</a></li>
      <li>Theme  <a style="text-decoration: none !important;">Ocean</a></li>
    </ul>
  </div>
</footer>

</main>

  <aside class="sidebar">
    
    <button class="navbar-toggle"></button>
<nav class="navbar">
  
    <div class="logo">
      <a href="/"><img id="img" src="/images/hexo.svg" alt="ZhiYinQ"></a>
    </div>
  
  <ul class="nav nav-main">
    
      <li class="nav-item">
        <a class="nav-item-link" href="/">主页</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/dynamic">动态</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/gallery">相册</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/share">分享</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/playlist">播放</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/about">关于</a>
      </li>
    
    <li class="nav-item">
      <a class="nav-item-link nav-item-search" title="搜索">
        <i class="fe fe-search"></i>
        搜索
      </a>
    </li>
  </ul>
</nav>
<nav class="navbar navbar-bottom">
  <ul class="nav">
    <li class="nav-item">
      <div class="totop" id="totop">
  <i class="fe fe-rocket"></i>
</div>
    </li>
    <li class="nav-item">
      
        <a class="nav-item-link" target="_blank" href="/atom.xml" title="RSS Feed">
          <i class="fe fe-feed"></i>
        </a>
      
    </li>
  </ul>
</nav>
<div class="search-form-wrap">
  <div class="local-search local-search-plugin">
  <input type="search" id="local-search-input" class="local-search-input" placeholder="Search...">
  <div id="local-search-result" class="local-search-result"></div>
</div>
</div>
  </aside>
  <script src="/js/jquery-2.0.3.min.js"></script>
<script src="/js/jquery.justifiedGallery.min.js"></script>
<script src="/js/lazyload.min.js"></script>
<script src="/js/busuanzi-2.3.pure.min.js"></script>

  <script src="/fancybox/jquery.fancybox.min.js"></script>






<script src="/js/ocean.js"></script>

</body>
</html>
<script type="text/javascript" src="../dist/music.js"></script>
<script src="js/scrollReveal.js"></script>
</script>

	  <script>
			  $(function(){
    $('div img li').addClass('wdata-scroll-reveal');
});
</script>
<script>
window.scrollReveal = new scrollReveal();
//或者，elem 为动画元素的任何级别的父元素
window.scrollReveal2 = new scrollReveal({elem: document.getElementById('srcontainer')});
</script>	
